import React, {useState} from 'react';
import Header from "./header";
import Footer from "./Footer";
import {Outlet} from 'react-router-dom'
import './home.scss'
import {visibleContext} from "../globel/store";
const AppLayout = (props) => {
  const [visible,setVisible]=useState(false)
  return (
    <visibleContext.Provider value={{
      visible,
      setVisible
    }}>
      <div className={'layout'}>
        <Header/>
        <Outlet />
        <Footer/>
      </div>
    </visibleContext.Provider>

  );
};

export default AppLayout;